<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>产品列表</title>
<meta name="keywords" content="产品中心" />
<meta name="description" content="产品中心产品中心" />
<meta name="applicable-device"content="pc,mobile">
<link href="/static/website/css/bootstrap.css" rel="stylesheet">
<link href="/static/website/css/bxslider.css" rel="stylesheet">
<link href="/static/website/css/style.css" rel="stylesheet">
<script src="/static/website/js/jquery.min.js"></script>
    <script src="/static/website/js/bxslider.min.js"></script>
    <script src="/static/website/js/common.js"></script>
    <script src="/static/website/js/bootstrap.js">  </script>
    <!--[if lt IE 9]><script src="website/js/html5shiv.min.js"></script>
      <script src="/static/website/js/respond.min.js"></script><![endif]-->
    <script>
        $(document).ready(function(){
        // 获取目标元素
          const target = document.getElementById('container');
          // 滚动到该元素（默认顶部对齐）// 平滑滚动到目标元素并顶部对齐
          target.scrollIntoView({ behavior: 'smooth' });
    })
    </script>
</head>

<body>
<header>
{% include "website/header.html"%}
</header>
<!-- main -->
<div class="container" id="container">
  <div class="row"><!-- right -->
    <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
      <div class="list_box">
        <h2 class="left_h1">产品中心</h2>
        <div class="product_list product_list2">
          {% for prod in products%}

          <div class="col-sm-4 col-md-3 col-mm-6 product_img"><a href="/website/showprod/{{prod.id}}"><img  src="{{prod.img.url}}" class="img-thumbnail" alt="{{prod.title}}"/></a>
            <p class="product_title"><a href="/website/showprod/{{prod.id}}" title="{{prod.title}}">{{prod.title}}</a></p>
          </div>
  {% endfor%}
         
        </div>
        <!--
        <div class="page"> <span class='current'>1</span><a href='javascript:;'>2</a> <a href='javascript:;'>下一页</a></div>
-->
      </div>
    </div>
    <!-- left -->
     {% include "website/left.html"%}
    </div>
  </div>
{% include "website/footer.html"%}